<template>
  <el-container>
    <el-header>
      <topmenu :list="list"></topmenu>
    </el-header>
    <el-main>
      <router-view></router-view>
    </el-main>
    <el-footer>
      <foot></foot>
    </el-footer>
  </el-container>
</template>

<script>
import topmenu from "../../components/topmenu.vue";
import foot from "../../components/foot.vue";
export default {
  data() {
    return {
      list: [
        {
          id: 1,
          modname: "土地估价师查询",
          subroutername: "gjs",
          imgurl: require("@/assets/image/公众查询图标1.1.png"),
          aimgurl: require("@/assets/image/公众查询图标1.png"),
        },
        {
          id: 2,
          modname: "土地估价机构查询",
          subroutername: "tdgj",
          imgurl: require("@/assets/image/公众查询图标3.1.png"),
          aimgurl: require("@/assets/image/公众查询图标3.png"),
        },
        {
          id: 3,
          modname: "登记代理人查询",
          subroutername: "djdl",
          aimgurl: require("@/assets/image/公众查询图标2.png"),
          imgurl: require("@/assets/image/公众查询图标2.1.png"),
        },
        {
          id: 4,
          modname: "登记代理机构查询",
          subroutername: "djdljg",
          aimgurl: require("@/assets/image/公众查询图标4.png"),
          imgurl: require("@/assets/image/公众查询图标4.1.png"),
        },
        {
          id: 5,
          modname: "业界专家查询",
          subroutername: "yjzj",
          aimgurl: require("@/assets/image/公众查询图标5.png"),
          imgurl: require("@/assets/image/公众查询图标5.1.png"),
        },
        {
          id: 6,
          modname: "资信等级查询",
          subroutername: "zxdj",
          aimgurl: require("@/assets/image/公众查询图标6.png"),
          imgurl: require("@/assets/image/公众查询图标6.1.png"),
        },
      ],
    };
  },
  components: {
    topmenu: topmenu,
    foot: foot,
  },
  mounted() {},
  methods: {
    //  ==
  },
};
</script>
<style>
.box{
  min-height: calc(100vh -  4.3rem - 2.3rem);
}
.el-header {
  margin: 0%;
  padding: 0;
  height: auto !important;
  width: auto;
}
.el-card__body,
.el-main {
  margin: 0%;
  padding: 0%;
  min-height: calc(100vh - 7.69rem);
}
/* 页面布局 */

.allbox {
  width: 15rem;
  background: #ffffff;
  border-radius: 0.125rem;
  margin: 1rem auto 0.5rem;
  box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.15);
}
.tag_box {
  border-bottom: solid 0.0375rem #1954a4;
  display: flex;
  align-items: center;
  height: 0.75rem;
  padding-left: 0.25rem;
  box-sizing: border-box;
}
.tab {
  border-left: solid 0.075rem #1954a4;
  font-size: 16px;

  font-weight: 400;
  color: #1954a4;
  padding-left: 0.2125rem;
  box-sizing: border-box;
}
.table_box {
  padding: 0.2625rem;
}
.table_item {
  margin-top: 0.3625rem;
}
.table_box .el-table__header thead th {
  background-color: #1954a4 !important;
  height: 17px;
  font-size: 16px;

  font-weight: 400;
  color: #ffffff;
  text-align: center;
}
.table_box .el-table__body-wrapper tbody td {
  text-align: center;
}
.table_box .el-table__body-wrapper tbody button {
  color: #1954a4;
}
.pagination {
  margin: 3% auto 1%;
  text-align: center;
}
.pagination .el-pagination.is-background .el-pager li:not(.disabled).active {
  background-color: #1954a4;
}
.nr {
  overflow-wrap: break-word;
  min-height: 1.5875rem;
  font-size: 0.2rem;
  font-weight: 400;
  color: #333333;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 0.375rem;
}
</style>

